Lmst

feeling red rn

So from the rough example math in the previous, with #f00, the L cone is receiving 3.5 times more than M.

With the grey, L receives 1.33 times more than M (L cones are more populous).

With the grey, the ganglion cells are switched to where the signal is sent to light/dark.

With the red #f00, the L gets 26% more luminance than the grey, and also L is not really competing with M as here, L is getting 71% more than M.

Point: there are clearly a number of places where the physiology favors a vibrant red vs a grey of same luminance.

@troy_s

Okay, so in the normal eye, there are more L cones than any other. Stim the L cones only, with the L cones making up the majority of the luminance signal (with L cone peak being a greenish yellow).

And meanwhile the S cones are not contributors to the luminance channel (any luminance from the display blue primary is due to the stim of the M and L cones).

The sRGB red primary creates about 21% luminance.

The first image is a neutral grey of 21% luminance #868686 against #f00 .(equal Ys, 0 C vs red 104 C)

The second image is #f00 v #860000 (Lc25)

The third is #009494 vs #f00
(equal Ys — 33 C v 104 C)

The 4th is #d11 v #06f
(equal Ys & equal chroma)

Note: Ys is "screen luminance"

----
Some very rough calcs:

#f00 mostly stims L cone to Ys=21.3%

#868686, the values are
R Ys= 4.5
G Ys=15.3
B Ys= 1.5

So #f00
L 16.6%
M 4.7%
L gets 3.5 x more than M

#868686
R
L cone 3.5%
M gets 1.0%,

G & B
Remaining 16.8%:
L 9.7%
M 8.9%
=
L for the Grey 13.2%
M for the Grey 9.9%

L 1.33 more than M

red target against blue BG equal luminance equal chroma

Huh! Did you know, it's possible to style highlighted text fragments?

For example:

example.com#:~:text=hello

The word "hello" can be highlighted with:

`::target-text{ background:#f00; }`

https://developer.mozilla.org/en-US/docs/Web/URI/Reference/Fragment/Text_fragments#styling_matched_text_fragments

@anatudor @codepen

Here is a fix to poor text selection color with the filter trick:

```css
/* inner span helps fix background-letter overlap */
span { isolation: isolate; }

::selection {
background: #0ff;
color: #f00;
}
```

#CDU u. #AfD bsky.app/profile/ahaa... 1. Werden d. #Migranten deportiert; 2. Werden alle m. #F00 - #F99 auf d. #Gesundheitskarte abgeholt. 3. ... 1933 - 2025 - Ich weiß es. Lebe nicht weit von #Hadamar. #ALLE! wußten es! 4/... www.gedenkstaette-hadamar.de

bsky.app/profile/ahaa..

#Germany #Politics #Elections #2025Btw #Plan of Heil #Weidel and Fritze #Merz: 1. all #migrants away! 2. all who look like migrants, away! 3. all who have #F00 - #F99 on their #HealthCard! 4. ... You realize that too, right? Does anyone here know #Musk? 1/... de.wikipedia.org/wiki/T%C3%B6...

Tötungsanstalt Hadamar – Wikip...

#CDU #AfD bsky.app/profile/ahaa... 1. Werden d. #Migranten deportiert; 2. Werden alle m. #F00 - #F99 auf d. #Gesundheitskarte abgeholt. 3. ... 1933 - 2025 - Ich weiß es. Lebe nicht weit von #Hadamar. #ALLE wußten es. Jede Woche roch es nach verbrannten Menschen. www.gedenkstaette-hadamar.de

RE: https://bsky.app/profile/did:plc:w563ygpmbrytnudtcrpeomsi/post/3lgx727ugz22h

Gedenkstätte Hadamar

looking at lingerie and why is everything either black or #f00 red? where is the fantasy?

Mannaggia!

Ho ▲ ▼ come indicatori di ordinamento, e per renderli evidenti diventano #f00;

E come mai si potrebbe chiamare la classe CSS che indica quando sono attivi?

Ma è ovvio, class="frecciarossa" 🤣

Però ora la visualizzazione è in ritardo, chissà com'è.

⛳
⛳
⛳
🚩
🚩
🚩

@lexi@catcatnya.com test test test

I can set the start position of a CSS `linear-gradient` with an angle, a starting position & direction, or a rotation from 0,0.

Is there a logical property value to set the start position / edge instead?

Like `inset-inline-start` to start from the left in LTR languages but from the right in RTL langs?

I want:

```
background:
linear-gradient(
inset-inline-start,
transparent 0%,
transparent calc(100% - 0.1em),
#f00 calc(100% - 0.1em),
#f00 100%
);

```

#CSS #i18n

@khalidabuhakmeh @sarajw with Sass, you can extend CSS classes like:
```scss
.error {
border: 1px #f00;
background-color: #fdd;

&--serious {
@extend .error;
border-width: 3px;
}
}
```
https://sass-lang.com/documentation/at-rules/extend/

Which sorta seems like what you are looking for, but yeah as @sarajw mentioned - the CSS results in something like this:

```
.error, .error--serious {
// same styles in both classes
}

.error-serious {
// class specific
}
```

@thomasweibel bei sowas sehe ich #f00 🤨

"Red"
#f00

@nilsbinder Absolutely! Looking forward to it! :-)

(Also, small easter egg with your colors: I like to pronounce them as words, so #f00 is "foo". So #f09 is "fog" and #90f is "gof". And if you would excuse my inner 10-year old, the colors combined are "fog gof" :D)

Schon länger nichts Neues aus der #Frontend Welt gepostet:

text-wrap: balance und text-wrap: pretty:
- nur in Chrome/Edge ab v117
- balance: bis zu 6 Zeilen ausgewogen verteilen
- pretty: Einzelnes Wort in letzter Absatz-Zeile vermeiden
https://bleech.de/en/blog/the-ups-and-downs-of-text-wrap-balance-and-a-polyfill/

light-dark() – Funktion für Farben im Light-/Dark-Mode ohne extra Weiche: color: light-dark(#f00, #0f0);
- color-scheme-Angabe wird berücksichtigt und ist min. auf Root-Ebene 1x nötig
- bisher nur FF ab v120
https://www.bram.us/2023/10/09/the-future-of-css-easy-light-dark-mode-color-switching-with-light-dark/

@rgadellaa Try `color(from #f00 display-p3 r g b)`

https://drafts.csswg.org/css-color-5/#funcdef-color

@jensimmons quick question, I'm trying to do relative css syntax with display-p3 but running into some issues w/Safari.

As I understand, I need to use color() fn to define a p3 color:
`color( display-p3 0 0 0 )`

So if I want to make that relative, that would become:
`color( display-p3 from #f00 r g b )`

but Safari doesn't seem to support color() fn with relative syntax:
`CSS.supports('color: color( display-p3 from #f00 r g b );')`
> `false`

Am I messing up the syntax?

#F00

Client Info