色名 · #00DD00
Greenalicious
Greenaliciousは#00DD00：rgb(0 221 0)、hsl(120 100% 43%)、oklch(0.778 0.265 142.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Greenalicious color name →
#00DD00
oklch(0.778 0.265 142.5)
カラー変換
- HEX
- #00dd00
- RGB
- rgb(0 221 0)
- HSL
- hsl(120 100% 43%)
- HWB
- hwb(120 0% 13%)
- OKLCH
- oklch(0.778 0.265 142.5)
- OKLab
- oklab(0.778 -0.21 0.161)
- CIE Lab
- lab(77.18 -71.15 72.7)
- LCH
- lch(77.18 101.72 134.4)
- CMYK
- cmyk(100% 0% 100% 13%)
ティント · シェード · トーン
ティント
- 45E13F
- 64E65D
- 7CEA75
- 92ED8B
- A6F19F
- B9F4B3
- CBF7C7
- DDFADA
- EEFDEC
シェード
- 00C000
- 00A400
- 008800
- 006E00
- 005500
- 003D00
- 002600
- 001100
- 000200
トーン
- 32D42D
- 46CB40
- 54C24E
- 5FB959
- 67AF62
- 6EA669
- 749D70
- 799376
- 7D8A7B
カラーハーモニー
補色 +180°
- 00DD00
Greenalicious
- F086FF
≈ Give Me Your Love
類似色 -30° +30°
- 00DD00
Greenalicious
- B9C100
≈ La Rioja
- 00D5AD
≈ Channel Marker Green
トライアド +120° +240°
- 00DD00
Greenalicious
- 90B6FF
≈ Carolina Blue
- FF9490
≈ Lolly
スプリットコンプリメンタリー +150° +210°
- 00DD00
Greenalicious
- B9A7FF
≈ Winterspring Lilac
- FF8BC0
≈ Cochonnet
テトラード +90° +180° +270°
- 00DD00
Greenalicious
- 46C5FF
≈ Shovel Knight
- F086FF
≈ Give Me Your Love
- FF9A56
≈ Honey Carrot Cake
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.85:1 · APCA Lc 34
Ag
AAA黒の上
WCAG 11.34:1 · APCA Lc 69
最適な文字色: #000000
WCAG 11.34:1 (AAA) · APCA Lc 69
Contrast pairs
コードスニペット
CSS
:root {
--greenalicious: #00dd00;
--greenalicious-rgb: 0 221 0;
--greenalicious-oklch: oklch(0.778 0.265 142.5);
}
.element {
color: var(--greenalicious);
background-color: hsl(120 100% 43%);
border-color: oklch(0.778 0.265 142.5);
}Tailwind CSS v4
@theme {
--color-greenalicious: #00dd00;
--color-greenalicious-50: #c6ffc6;
--color-greenalicious-100: #afffb0;
--color-greenalicious-200: #86f189;
--color-greenalicious-300: #49d855;
--color-greenalicious-400: #00c100;
--color-greenalicious-500: #00ab00;
--color-greenalicious-600: #009100;
--color-greenalicious-700: #007400;
--color-greenalicious-800: #005500;
--color-greenalicious-900: #003b00;
--color-greenalicious-950: #002500;
}SCSS
$greenalicious: #00dd00;
$greenalicious-rgb: 0, 221, 0;
$greenalicious-light: mix(#fff, $greenalicious, 20%);
$greenalicious-dark: mix(#000, $greenalicious, 20%);
.element {
color: $greenalicious;
box-shadow: 0 0 0 2px rgba($greenalicious, 0.35);
}