#cf540c
RGB ( 赤 = 207, 緑 = 84, 青 = 12 )
HSL ( 色相 = 22°, 彩度 = 89%, 明度 = 43% )
H : 色相 ( 22° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #cf130c : -20
12 : #cf330c : -10
22 : #cf540c : ±0
32 : #cf740c : +10
42 : #cf950c : +20
52 : #cfb50c : +30
62 : #c9cf0c : +40
72 : #a8cf0c : +50
82 : #88cf0c : +60
92 : #67cf0c : +70
102 : #47cf0c : +80
112 : #26cf0c : +90
122 : #0ccf13 : +100
132 : #0ccf33 : +110
142 : #0ccf54 : +120
152 : #0ccf74 : +130
162 : #0ccf95 : +140
172 : #0ccfb5 : +150
182 : #0cc9cf : +160
192 : #0ca8cf : +170
202 : #0c88cf : +180
212 : #0c67cf : +190
222 : #0c47cf : +200
232 : #0c26cf : +210
242 : #130ccf : +220
252 : #330ccf : +230
262 : #540ccf : +240
272 : #740ccf : +250
282 : #950ccf : +260
292 : #b50ccf : +270
302 : #cf0cc9 : +280
312 : #cf0ca8 : +290
322 : #cf0c88 : +300
332 : #cf0c67 : +310
342 : #cf0c47 : +320
352 : #cf0c26 : +330
12 : #cf330c : -10
13 : #cf360c : -9
14 : #cf3a0c : -8
15 : #cf3d0c : -7
16 : #cf400c : -6
17 : #cf430c : -5
18 : #cf470c : -4
19 : #cf4a0c : -3
20 : #cf4d0c : -2
21 : #cf500c : -1
22 : #cf540c : ±0
23 : #cf570c : +1
24 : #cf5a0c : +2
25 : #cf5d0c : +3
26 : #cf610c : +4
27 : #cf640c : +5
28 : #cf670c : +6
29 : #cf6a0c : +7
30 : #cf6e0c : +8
31 : #cf710c : +9
32 : #cf740c : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6f6d6d : -88
3 : #716d6a : -86
5 : #736c68 : -84
7 : #756c66 : -82
9 : #786b64 : -80
11 : #7a6a62 : -78
13 : #7c6a5f : -76
15 : #7e695d : -74
17 : #80695b : -72
19 : #826859 : -70
21 : #856857 : -68
23 : #876754 : -66
25 : #896652 : -64
27 : #8b6650 : -62
29 : #8d654e : -60
31 : #90654c : -58
33 : #926449 : -56
35 : #946347 : -54
37 : #966345 : -52
39 : #986243 : -50
41 : #9b6241 : -48
43 : #9d613f : -46
45 : #9f603c : -44
47 : #a1603a : -42
49 : #a35f38 : -40
51 : #a65f36 : -38
53 : #a85e34 : -36
55 : #aa5e31 : -34
57 : #ac5d2f : -32
59 : #ae5c2d : -30
61 : #b15c2b : -28
63 : #b35b29 : -26
65 : #b55b26 : -24
67 : #b75a24 : -22
69 : #b95922 : -20
71 : #bc5920 : -18
73 : #be581e : -16
75 : #c0581b : -14
77 : #c25719 : -12
79 : #c45717 : -10
81 : #c65615 : -8
83 : #c95513 : -6
85 : #cb5510 : -4
87 : #cd540e : -2
89 : #cf540c : ±0
91 : #d1530a : +2
93 : #d45208 : +4
95 : #d65205 : +6
97 : #d85103 : +8
99 : #da5101 : +10
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #050200 : -42
3 : #0e0601 : -40
5 : #180a01 : -38
7 : #220e02 : -36
9 : #2b1203 : -34
11 : #351503 : -32
13 : #3f1904 : -30
15 : #481d04 : -28
17 : #522105 : -26
19 : #5c2505 : -24
21 : #652906 : -22
23 : #6f2d06 : -20
25 : #783107 : -18
27 : #823508 : -16
29 : #8c3808 : -14
31 : #953c09 : -12
33 : #9f4009 : -10
35 : #a9440a : -8
37 : #b2480a : -6
39 : #bc4c0b : -4
41 : #c6500c : -2
43 : #cf540c : ±0
45 : #d9580d : +2
47 : #e35b0d : +4
49 : #ec5f0e : +6
51 : #f16413 : +8
53 : #f26b1c : +10
55 : #f27126 : +12
57 : #f37730 : +14
59 : #f37e39 : +16
61 : #f48443 : +18
63 : #f58a4d : +20
65 : #f59156 : +22
67 : #f69760 : +24
69 : #f69d6a : +26
71 : #f7a373 : +28
73 : #f7aa7d : +30
75 : #f8b087 : +32
77 : #f9b690 : +34
79 : #f9bd9a : +36
81 : #fac3a3 : +38
83 : #fac9ad : +40
85 : #fbd0b7 : +42
87 : #fbd6c0 : +44
89 : #fcdcca : +46
91 : #fce3d4 : +48
93 : #fde9dd : +50
95 : #feefe7 : +52
97 : #fef6f1 : +54
99 : #fffcfa : +56
CSS入門、作ってます。
text-shadow