#cf3a0c
RGB
| 赤 | 207 |
|---|---|
| 緑 | 58 |
| 青 | 12 |
HSL
| 色相 | 14° |
|---|---|
| 彩度 | 89% |
| 明度 | 43% |
| 輝度 | 38% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 207, 緑 = 58, 青 = 12 )
HSL ( 色相 = 14°, 彩度 = 89%, 明度 = 43% )
H : 色相 ( 14° )
(0°) 赤～黄～緑～青～紫 (359°)
4 : #cf190c : -10
14 : #cf3a0c : ±0
24 : #cf5a0c : +10
34 : #cf7b0c : +20
44 : #cf9b0c : +30
54 : #cfbc0c : +40
64 : #c2cf0c : +50
74 : #a2cf0c : +60
84 : #81cf0c : +70
94 : #61cf0c : +80
104 : #40cf0c : +90
114 : #20cf0c : +100
124 : #0ccf19 : +110
134 : #0ccf3a : +120
144 : #0ccf5a : +130
154 : #0ccf7b : +140
164 : #0ccf9b : +150
174 : #0ccfbc : +160
184 : #0cc2cf : +170
194 : #0ca2cf : +180
204 : #0c81cf : +190
214 : #0c61cf : +200
224 : #0c40cf : +210
234 : #0c20cf : +220
244 : #190ccf : +230
254 : #3a0ccf : +240
264 : #5a0ccf : +250
274 : #7b0ccf : +260
284 : #9b0ccf : +270
294 : #bc0ccf : +280
304 : #cf0cc2 : +290
314 : #cf0ca2 : +300
324 : #cf0c81 : +310
334 : #cf0c61 : +320
344 : #cf0c40 : +330
354 : #cf0c20 : +340
4 : #cf190c : -10
5 : #cf1c0c : -9
6 : #cf200c : -8
7 : #cf230c : -7
8 : #cf260c : -6
9 : #cf290c : -5
10 : #cf2d0c : -4
11 : #cf300c : -3
12 : #cf330c : -2
13 : #cf360c : -1
14 : #cf3a0c : ±0
15 : #cf3d0c : +1
16 : #cf400c : +2
17 : #cf430c : +3
18 : #cf470c : +4
19 : #cf4a0c : +5
20 : #cf4d0c : +6
21 : #cf500c : +7
22 : #cf540c : +8
23 : #cf570c : +9
24 : #cf5a0c : +10
S : 彩度 ( 89% )
(0%) 渋い ～ 鮮やか (100%)
1 : #6f6d6d : -88
3 : #716c6a : -86
5 : #736b68 : -84
7 : #756a66 : -82
9 : #786864 : -80
11 : #7a6762 : -78
13 : #7c665f : -76
15 : #7e655d : -74
17 : #80645b : -72
19 : #826359 : -70
21 : #856157 : -68
23 : #876054 : -66
25 : #895f52 : -64
27 : #8b5e50 : -62
29 : #8d5d4e : -60
31 : #905c4c : -58
33 : #925a49 : -56
35 : #945947 : -54
37 : #965845 : -52
39 : #985743 : -50
41 : #9b5641 : -48
43 : #9d553f : -46
45 : #9f533c : -44
47 : #a1523a : -42
49 : #a35138 : -40
51 : #a65036 : -38
53 : #a84f34 : -36
55 : #aa4d31 : -34
57 : #ac4c2f : -32
59 : #ae4b2d : -30
61 : #b14a2b : -28
63 : #b34929 : -26
65 : #b54826 : -24
67 : #b74624 : -22
69 : #b94522 : -20
71 : #bc4420 : -18
73 : #be431e : -16
75 : #c0421b : -14
77 : #c24119 : -12
79 : #c43f17 : -10
81 : #c63e15 : -8
83 : #c93d13 : -6
85 : #cb3c10 : -4
87 : #cd3b0e : -2
89 : #cf3a0c : ±0
91 : #d1380a : +2
93 : #d43708 : +4
95 : #d63605 : +6
97 : #d83503 : +8
99 : #da3401 : +10
L : 明度 ( 43% )
(0%) 暗い ～ 明るい (100%)
1 : #050100 : -42
3 : #0e0401 : -40
5 : #180701 : -38
7 : #220902 : -36
9 : #2b0c03 : -34
11 : #350f03 : -32
13 : #3f1104 : -30
15 : #481404 : -28
17 : #521705 : -26
19 : #5c1905 : -24
21 : #651c06 : -22
23 : #6f1f06 : -20
25 : #782107 : -18
27 : #822408 : -16
29 : #8c2708 : -14
31 : #952a09 : -12
33 : #9f2c09 : -10
35 : #a92f0a : -8
37 : #b2320a : -6
39 : #bc340b : -4
41 : #c6370c : -2
43 : #cf3a0c : ±0
45 : #d93c0d : +2
47 : #e33f0d : +4
49 : #ec420e : +6
51 : #f14713 : +8
53 : #f24e1c : +10
55 : #f25626 : +12
57 : #f35d30 : +14
59 : #f36539 : +16
61 : #f46c43 : +18
63 : #f5744d : +20
65 : #f57b56 : +22
67 : #f68360 : +24
69 : #f68a6a : +26
71 : #f79273 : +28
73 : #f7997d : +30
75 : #f8a187 : +32
77 : #f9a990 : +34
79 : #f9b09a : +36
81 : #fab8a3 : +38
83 : #fabfad : +40
85 : #fbc7b7 : +42
87 : #fbcec0 : +44
89 : #fcd6ca : +46
91 : #fcddd4 : +48
93 : #fde5dd : +50
95 : #feece7 : +52
97 : #fef4f1 : +54
99 : #fffbfa : +56
CSS入門、作ってます。
text-shadow