#0c2c04
RGB ( 赤 = 12, 緑 = 44, 青 = 4 )
HSL ( 色相 = 108°, 彩度 = 83%, 明度 = 9% )
H : 色相 ( 108° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #2a0904 : -100
18 : #2a0f04 : -90
28 : #2a1604 : -80
38 : #2a1c04 : -70
48 : #2a2204 : -60
58 : #2a2904 : -50
68 : #252a04 : -40
78 : #1f2a04 : -30
88 : #182a04 : -20
98 : #122a04 : -10
108 : #0c2a04 : ±0
118 : #052a04 : +10
128 : #042a09 : +20
138 : #042a0f : +30
148 : #042a16 : +40
158 : #042a1c : +50
168 : #042a22 : +60
178 : #042a29 : +70
188 : #04252a : +80
198 : #041f2a : +90
208 : #04182a : +100
218 : #04122a : +110
228 : #040c2a : +120
238 : #04052a : +130
248 : #09042a : +140
258 : #0f042a : +150
268 : #16042a : +160
278 : #1c042a : +170
288 : #22042a : +180
298 : #29042a : +190
308 : #2a0425 : +200
318 : #2a041f : +210
328 : #2a0418 : +220
338 : #2a0412 : +230
348 : #2a040c : +240
358 : #2a0405 : +250
98 : #122a04 : -10
99 : #112a04 : -9
100 : #112a04 : -8
101 : #102a04 : -7
102 : #0f2a04 : -6
103 : #0f2a04 : -5
104 : #0e2a04 : -4
105 : #0d2a04 : -3
106 : #0d2a04 : -2
107 : #0c2a04 : -1
108 : #0c2a04 : ±0
109 : #0b2a04 : +1
110 : #0a2a04 : +2
111 : #0a2a04 : +3
112 : #092a04 : +4
113 : #082a04 : +5
114 : #082a04 : +6
115 : #072a04 : +7
116 : #062a04 : +8
117 : #062a04 : +9
118 : #052a04 : +10
S : 彩度 ( 83% )
(0%) 渋い ~ 鮮やか (100%)
1 : #171717 : -82
3 : #171816 : -80
5 : #161816 : -78
7 : #161915 : -76
9 : #161915 : -74
11 : #151914 : -72
13 : #151a14 : -70
15 : #151a14 : -68
17 : #151b13 : -66
19 : #141b13 : -64
21 : #141c12 : -62
23 : #141c12 : -60
25 : #141d11 : -58
27 : #131d11 : -56
29 : #131e10 : -54
31 : #131e10 : -52
33 : #121f0f : -50
35 : #121f0f : -48
37 : #121f0e : -46
39 : #12200e : -44
41 : #11200e : -42
43 : #11210d : -40
45 : #11210d : -38
47 : #10220c : -36
49 : #10220c : -34
51 : #10230b : -32
53 : #10230b : -30
55 : #0f240a : -28
57 : #0f240a : -26
59 : #0f2409 : -24
61 : #0f2509 : -22
63 : #0e2508 : -20
65 : #0e2608 : -18
67 : #0e2608 : -16
69 : #0d2707 : -14
71 : #0d2707 : -12
73 : #0d2806 : -10
75 : #0d2806 : -8
77 : #0c2905 : -6
79 : #0c2905 : -4
81 : #0c2a04 : -2
83 : #0c2a04 : ±0
85 : #0b2a03 : +2
87 : #0b2b03 : +4
89 : #0b2b03 : +6
91 : #0a2c02 : +8
93 : #0a2c02 : +10
95 : #0a2d01 : +12
97 : #0a2d01 : +14
99 : #092e00 : +16
L : 明度 ( 9% )
(0%) 暗い ~ 明るい (100%)
1 : #010500 : -8
3 : #040e01 : -6
5 : #061702 : -4
7 : #092103 : -2
9 : #0c2a04 : ±0
11 : #0e3305 : +2
13 : #113d06 : +4
15 : #134607 : +6
17 : #164f07 : +8
19 : #185908 : +10
21 : #1b6209 : +12
23 : #1d6b0a : +14
25 : #20750b : +16
27 : #237e0c : +18
29 : #25870d : +20
31 : #28910d : +22
33 : #2a9a0e : +24
35 : #2da30f : +26
37 : #2fad10 : +28
39 : #32b611 : +30
41 : #34bf12 : +32
43 : #37c913 : +34
45 : #3ad214 : +36
47 : #3cdb14 : +38
49 : #3fe515 : +40
51 : #44ea1a : +42
53 : #4beb24 : +44
55 : #53eb2d : +46
57 : #5bec36 : +48
59 : #62ed40 : +50
61 : #6aee49 : +52
63 : #72ef52 : +54
65 : #79f05c : +56
67 : #81f165 : +58
69 : #89f26e : +60
71 : #90f278 : +62
73 : #98f381 : +64
75 : #a0f48a : +66
77 : #a7f594 : +68
79 : #aff69d : +70
81 : #b6f7a6 : +72
83 : #bef8b0 : +74
85 : #c6f8b9 : +76
87 : #cdf9c2 : +78
89 : #d5facc : +80
91 : #ddfbd5 : +82
93 : #e4fcde : +84
95 : #ecfde8 : +86
97 : #f4fef1 : +88
99 : #fbfffa : +90
CSS入門、作ってます。
text-shadow