#8fec04
RGB
| 赤 | 143 |
|---|---|
| 緑 | 236 |
| 青 | 4 |
HSL
| 色相 | 84° |
|---|---|
| 彩度 | 97% |
| 明度 | 47% |
| 輝度 | 71% |
３桁の色
補色
反転色
RGB ( 赤 = 143, 緑 = 236, 青 = 4 )
HSL ( 色相 = 84°, 彩度 = 97%, 明度 = 47% )
H : 色相 ( 84° )
(0°) 赤～黄～緑～青～紫 (359°)
4 : #ec1304 : -80
14 : #ec3a04 : -70
24 : #ec6104 : -60
34 : #ec8704 : -50
44 : #ecae04 : -40
54 : #ecd504 : -30
64 : #ddec04 : -20
74 : #b6ec04 : -10
84 : #8fec04 : ±0
94 : #68ec04 : +10
104 : #42ec04 : +20
114 : #1bec04 : +30
124 : #04ec13 : +40
134 : #04ec3a : +50
144 : #04ec61 : +60
154 : #04ec87 : +70
164 : #04ecae : +80
174 : #04ecd5 : +90
184 : #04ddec : +100
194 : #04b6ec : +110
204 : #048fec : +120
214 : #0468ec : +130
224 : #0442ec : +140
234 : #041bec : +150
244 : #1304ec : +160
254 : #3a04ec : +170
264 : #6104ec : +180
274 : #8704ec : +190
284 : #ae04ec : +200
294 : #d504ec : +210
304 : #ec04dd : +220
314 : #ec04b6 : +230
324 : #ec048f : +240
334 : #ec0468 : +250
344 : #ec0442 : +260
354 : #ec041b : +270
74 : #b6ec04 : -10
75 : #b2ec04 : -9
76 : #aeec04 : -8
77 : #aaec04 : -7
78 : #a6ec04 : -6
79 : #a2ec04 : -5
80 : #9fec04 : -4
81 : #9bec04 : -3
82 : #97ec04 : -2
83 : #93ec04 : -1
84 : #8fec04 : ±0
85 : #8bec04 : +1
86 : #87ec04 : +2
87 : #83ec04 : +3
88 : #80ec04 : +4
89 : #7cec04 : +5
90 : #78ec04 : +6
91 : #74ec04 : +7
92 : #70ec04 : +8
93 : #6cec04 : +9
94 : #68ec04 : +10
S : 彩度 ( 97% )
(0%) 渋い ～ 鮮やか (100%)
1 : #787977 : -96
3 : #797b74 : -94
5 : #797e72 : -92
7 : #7a806f : -90
9 : #7a836d : -88
11 : #7a856b : -86
13 : #7b8768 : -84
15 : #7b8a66 : -82
17 : #7c8c63 : -80
19 : #7c8f61 : -78
21 : #7d915f : -76
23 : #7d935c : -74
25 : #7e965a : -72
27 : #7e9857 : -70
29 : #7f9b55 : -68
31 : #7f9d53 : -66
33 : #809f50 : -64
35 : #80a24e : -62
37 : #81a44c : -60
39 : #81a749 : -58
41 : #82a947 : -56
43 : #82ab44 : -54
45 : #83ae42 : -52
47 : #83b040 : -50
49 : #84b33d : -48
51 : #84b53b : -46
53 : #85b738 : -44
55 : #85ba36 : -42
57 : #86bc34 : -40
59 : #86bf31 : -38
61 : #86c12f : -36
63 : #87c32c : -34
65 : #87c62a : -32
67 : #88c828 : -30
69 : #88cb25 : -28
71 : #89cd23 : -26
73 : #89cf20 : -24
75 : #8ad21e : -22
77 : #8ad41c : -20
79 : #8bd719 : -18
81 : #8bd917 : -16
83 : #8cdb14 : -14
85 : #8cde12 : -12
87 : #8de010 : -10
89 : #8de30d : -8
91 : #8ee50b : -6
93 : #8ee708 : -4
95 : #8fea06 : -2
97 : #8fec04 : ±0
99 : #90ef01 : +2
L : 明度 ( 47% )
(0%) 暗い ～ 明るい (100%)
1 : #030500 : -46
3 : #090f00 : -44
5 : #0f1900 : -42
7 : #152301 : -40
9 : #1b2d01 : -38
11 : #213701 : -36
13 : #284101 : -34
15 : #2e4b01 : -32
17 : #345501 : -30
19 : #3a5f01 : -28
21 : #406902 : -26
23 : #467402 : -24
25 : #4c7e02 : -22
27 : #528802 : -20
29 : #589202 : -18
31 : #5e9c02 : -16
33 : #64a603 : -14
35 : #6bb003 : -12
37 : #71ba03 : -10
39 : #77c403 : -8
41 : #7dce03 : -6
43 : #83d803 : -4
45 : #89e203 : -2
47 : #8fec04 : ±0
49 : #95f604 : +2
51 : #9afb09 : +4
53 : #9efb13 : +6
55 : #a3fc1d : +8
57 : #a7fc27 : +10
59 : #abfc31 : +12
61 : #affc3b : +14
63 : #b3fc45 : +16
65 : #b7fc4f : +18
67 : #bbfc59 : +20
69 : #bffd63 : +22
71 : #c3fd6d : +24
73 : #c8fd77 : +26
75 : #ccfd81 : +28
77 : #d0fd8b : +30
79 : #d4fd96 : +32
81 : #d8fea0 : +34
83 : #dcfeaa : +36
85 : #e0feb4 : +38
87 : #e4febe : +40
89 : #e8fec8 : +42
91 : #edfed2 : +44
93 : #f1fedc : +46
95 : #f5ffe6 : +48
97 : #f9fff0 : +50
99 : #fdfffa : +52
CSS入門、作ってます。
text-shadow