#cb422a
RGB
| 赤 | 203 |
|---|---|
| 緑 | 66 |
| 青 | 42 |
HSL
| 色相 | 9° |
|---|---|
| 彩度 | 66% |
| 明度 | 48% |
| 輝度 | 41% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 203, 緑 = 66, 青 = 42 )
HSL ( 色相 = 9°, 彩度 = 66%, 明度 = 48% )
H : 色相 ( 9° )
(0°) 赤～黄～緑～青～紫 (359°)
9 : #cb422a : ±0
19 : #cb5d2a : +10
29 : #cb782a : +20
39 : #cb932a : +30
49 : #cbae2a : +40
59 : #cbc82a : +50
69 : #b3cb2a : +60
79 : #98cb2a : +70
89 : #7dcb2a : +80
99 : #62cb2a : +90
109 : #47cb2a : +100
119 : #2ccb2a : +110
129 : #2acb42 : +120
139 : #2acb5d : +130
149 : #2acb78 : +140
159 : #2acb93 : +150
169 : #2acbae : +160
179 : #2acbc8 : +170
189 : #2ab3cb : +180
199 : #2a98cb : +190
209 : #2a7dcb : +200
219 : #2a62cb : +210
229 : #2a47cb : +220
239 : #2a2ccb : +230
249 : #422acb : +240
259 : #5d2acb : +250
269 : #782acb : +260
279 : #932acb : +270
289 : #ae2acb : +280
299 : #c82acb : +290
309 : #cb2ab3 : +300
319 : #cb2a98 : +310
329 : #cb2a7d : +320
339 : #cb2a62 : +330
349 : #cb2a47 : +340
359 : #cb2a2c : +350
359 : #cb2a2c : +350
0 : #cb2a2a : -9
1 : #cb2c2a : -8
2 : #cb2f2a : -7
3 : #cb322a : -6
4 : #cb342a : -5
5 : #cb372a : -4
6 : #cb3a2a : -3
7 : #cb3c2a : -2
8 : #cb3f2a : -1
9 : #cb422a : ±0
10 : #cb452a : +1
11 : #cb472a : +2
12 : #cb4a2a : +3
13 : #cb4d2a : +4
14 : #cb4f2a : +5
15 : #cb522a : +6
16 : #cb552a : +7
17 : #cb572a : +8
18 : #cb5a2a : +9
19 : #cb5d2a : +10
S : 彩度 ( 66% )
(0%) 渋い ～ 鮮やか (100%)
0 : #7a7a7a : -66
2 : #7d7978 : -64
4 : #7f7776 : -62
6 : #827573 : -60
8 : #847471 : -58
10 : #87726e : -56
12 : #89706c : -54
14 : #8c6e69 : -52
16 : #8e6d67 : -50
18 : #906b64 : -48
20 : #936962 : -46
22 : #95685f : -44
24 : #98665d : -42
26 : #9a645b : -40
28 : #9d6258 : -38
30 : #9f6156 : -36
32 : #a25f53 : -34
34 : #a45d51 : -32
36 : #a65c4e : -30
38 : #a95a4c : -28
40 : #ab5849 : -26
42 : #ae5647 : -24
44 : #b05545 : -22
46 : #b35342 : -20
48 : #b55140 : -18
50 : #b8503d : -16
52 : #ba4e3b : -14
54 : #bc4c38 : -12
56 : #bf4a36 : -10
58 : #c14933 : -8
60 : #c44731 : -6
62 : #c6452f : -4
64 : #c9442c : -2
66 : #cb422a : ±0
68 : #ce4027 : +2
70 : #d03e25 : +4
72 : #d33d22 : +6
74 : #d53b20 : +8
76 : #d7391d : +10
78 : #da381b : +12
80 : #dc3618 : +14
82 : #df3416 : +16
84 : #e13214 : +18
86 : #e43111 : +20
88 : #e62f0f : +22
90 : #e92d0c : +24
92 : #eb2c0a : +26
94 : #ed2a07 : +28
96 : #f02805 : +30
98 : #f22602 : +32
100 : #f52500 : +34
L : 明度 ( 48% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -48
2 : #080302 : -46
4 : #110503 : -44
6 : #190805 : -42
8 : #220b07 : -40
10 : #2a0e09 : -38
12 : #33100a : -36
14 : #3b130c : -34
16 : #44160e : -32
18 : #4c1910 : -30
20 : #551b11 : -28
22 : #5d1e13 : -26
24 : #662115 : -24
26 : #6e2417 : -22
28 : #772618 : -20
30 : #7f291a : -18
32 : #872c1c : -16
34 : #902f1d : -14
36 : #98311f : -12
38 : #a13421 : -10
40 : #a93723 : -8
42 : #b23a24 : -6
44 : #ba3c26 : -4
46 : #c33f28 : -2
48 : #cb422a : ±0
50 : #d4452b : +2
52 : #d54c34 : +4
54 : #d7543c : +6
56 : #d95b45 : +8
58 : #db624d : +10
60 : #dc6a56 : +12
62 : #de715e : +14
64 : #e07967 : +16
66 : #e2806f : +18
68 : #e38878 : +20
70 : #e58f80 : +22
72 : #e79788 : +24
74 : #e89e91 : +26
76 : #eaa699 : +28
78 : #ecada2 : +30
80 : #eeb4aa : +32
82 : #efbcb3 : +34
84 : #f1c3bb : +36
86 : #f3cbc4 : +38
88 : #f5d2cc : +40
90 : #f6dad5 : +42
92 : #f8e1dd : +44
94 : #fae9e6 : +46
96 : #fcf0ee : +48
98 : #fdf8f7 : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow