#2fc90d
RGB
| 赤 | 47 |
|---|---|
| 緑 | 201 |
| 青 | 13 |
HSL
| 色相 | 109° |
|---|---|
| 彩度 | 88% |
| 明度 | 42% |
| 輝度 | 52% |
３桁の色
補色
反転色
RGB ( 赤 = 47, 緑 = 201, 青 = 13 )
HSL ( 色相 = 109°, 彩度 = 88%, 明度 = 42% )
H : 色相 ( 109° )
(0°) 赤～黄～緑～青～紫 (359°)
9 : #c9290d : -100
19 : #c9490d : -90
29 : #c9680d : -80
39 : #c9870d : -70
49 : #c9a70d : -60
59 : #c9c60d : -50
69 : #adc90d : -40
79 : #8ec90d : -30
89 : #6ec90d : -20
99 : #4fc90d : -10
109 : #2fc90d : ±0
119 : #10c90d : +10
129 : #0dc929 : +20
139 : #0dc949 : +30
149 : #0dc968 : +40
159 : #0dc987 : +50
169 : #0dc9a7 : +60
179 : #0dc9c6 : +70
189 : #0dadc9 : +80
199 : #0d8ec9 : +90
209 : #0d6ec9 : +100
219 : #0d4fc9 : +110
229 : #0d2fc9 : +120
239 : #0d10c9 : +130
249 : #290dc9 : +140
259 : #490dc9 : +150
269 : #680dc9 : +160
279 : #870dc9 : +170
289 : #a70dc9 : +180
299 : #c60dc9 : +190
309 : #c90dad : +200
319 : #c90d8e : +210
329 : #c90d6e : +220
339 : #c90d4f : +230
349 : #c90d2f : +240
359 : #c90d10 : +250
99 : #4fc90d : -10
100 : #4cc90d : -9
101 : #49c90d : -8
102 : #45c90d : -7
103 : #42c90d : -6
104 : #3fc90d : -5
105 : #3cc90d : -4
106 : #39c90d : -3
107 : #36c90d : -2
108 : #33c90d : -1
109 : #2fc90d : ±0
110 : #2cc90d : +1
111 : #29c90d : +2
112 : #26c90d : +3
113 : #23c90d : +4
114 : #20c90d : +5
115 : #1dc90d : +6
116 : #19c90d : +7
117 : #16c90d : +8
118 : #13c90d : +9
119 : #10c90d : +10
S : 彩度 ( 88% )
(0%) 渋い ～ 鮮やか (100%)
0 : #6b6b6b : -88
2 : #6a6d69 : -86
4 : #686f67 : -84
6 : #677265 : -82
8 : #667463 : -80
10 : #647660 : -78
12 : #63785e : -76
14 : #627a5c : -74
16 : #607c5a : -72
18 : #5f7e58 : -70
20 : #5e8156 : -68
22 : #5c8354 : -66
24 : #5b8551 : -64
26 : #59874f : -62
28 : #58894d : -60
30 : #578b4b : -58
32 : #558d49 : -56
34 : #549047 : -54
36 : #539245 : -52
38 : #519442 : -50
40 : #509640 : -48
42 : #4f983e : -46
44 : #4d9a3c : -44
46 : #4c9c3a : -42
48 : #4b9f38 : -40
50 : #49a136 : -38
52 : #48a333 : -36
54 : #46a531 : -34
56 : #45a72f : -32
58 : #44a92d : -30
60 : #42ab2b : -28
62 : #41ae29 : -26
64 : #40b027 : -24
66 : #3eb224 : -22
68 : #3db422 : -20
70 : #3cb620 : -18
72 : #3ab81e : -16
74 : #39ba1c : -14
76 : #38bc1a : -12
78 : #36bf18 : -10
80 : #35c115 : -8
82 : #33c313 : -6
84 : #32c511 : -4
86 : #31c70f : -2
88 : #2fc90d : ±0
90 : #2ecb0b : +2
92 : #2dce09 : +4
94 : #2bd006 : +6
96 : #2ad204 : +8
98 : #29d402 : +10
100 : #27d600 : +12
L : 明度 ( 42% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -42
2 : #020a01 : -40
4 : #051301 : -38
6 : #071d02 : -36
8 : #092602 : -34
10 : #0b3003 : -32
12 : #0e3a04 : -30
14 : #104304 : -28
16 : #124d05 : -26
18 : #145606 : -24
20 : #176006 : -22
22 : #196907 : -20
24 : #1b7307 : -18
26 : #1d7d08 : -16
28 : #208609 : -14
30 : #229009 : -12
32 : #24990a : -10
34 : #26a30a : -8
36 : #29ad0b : -6
38 : #2bb60c : -4
40 : #2dc00c : -2
42 : #2fc90d : ±0
44 : #32d30d : +2
46 : #34dd0e : +4
48 : #36e60f : +6
50 : #38f00f : +8
52 : #40f019 : +10
54 : #48f122 : +12
56 : #50f22c : +14
58 : #58f236 : +16
60 : #60f33f : +18
62 : #68f349 : +20
64 : #70f452 : +22
66 : #78f55c : +24
68 : #80f566 : +26
70 : #88f66f : +28
72 : #90f679 : +30
74 : #98f782 : +32
76 : #a0f88c : +34
78 : #a8f896 : +36
80 : #b0f99f : +38
82 : #b8f9a9 : +40
84 : #bffab2 : +42
86 : #c7fbbc : +44
88 : #cffbc5 : +46
90 : #d7fccf : +48
92 : #dffdd9 : +50
94 : #e7fde2 : +52
96 : #effeec : +54
98 : #f7fef5 : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow