#cb573a
RGB
赤 | 203 |
---|---|
緑 | 87 |
青 | 58 |
HSL
色相 | 12° |
---|---|
彩度 | 58% |
明度 | 51% |
輝度 | 46% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 203, 緑 = 87, 青 = 58 )
HSL ( 色相 = 12°, 彩度 = 58%, 明度 = 51% )
H : 色相 ( 12° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #cb3e3a : -10
12 : #cb573a : ±0
22 : #cb6f3a : +10
32 : #cb873a : +20
42 : #cb9f3a : +30
52 : #cbb73a : +40
62 : #c6cb3a : +50
72 : #aecb3a : +60
82 : #95cb3a : +70
92 : #7dcb3a : +80
102 : #65cb3a : +90
112 : #4dcb3a : +100
122 : #3acb3e : +110
132 : #3acb57 : +120
142 : #3acb6f : +130
152 : #3acb87 : +140
162 : #3acb9f : +150
172 : #3acbb7 : +160
182 : #3ac6cb : +170
192 : #3aaecb : +180
202 : #3a95cb : +190
212 : #3a7dcb : +200
222 : #3a65cb : +210
232 : #3a4dcb : +220
242 : #3e3acb : +230
252 : #573acb : +240
262 : #6f3acb : +250
272 : #873acb : +260
282 : #9f3acb : +270
292 : #b73acb : +280
302 : #cb3ac6 : +290
312 : #cb3aae : +300
322 : #cb3a95 : +310
332 : #cb3a7d : +320
342 : #cb3a65 : +330
352 : #cb3a4d : +340
2 : #cb3e3a : -10
3 : #cb413a : -9
4 : #cb433a : -8
5 : #cb463a : -7
6 : #cb483a : -6
7 : #cb4a3a : -5
8 : #cb4d3a : -4
9 : #cb4f3a : -3
10 : #cb523a : -2
11 : #cb543a : -1
12 : #cb573a : ±0
13 : #cb593a : +1
14 : #cb5b3a : +2
15 : #cb5e3a : +3
16 : #cb603a : +4
17 : #cb633a : +5
18 : #cb653a : +6
19 : #cb673a : +7
20 : #cb6a3a : +8
21 : #cb6c3a : +9
22 : #cb6f3a : +10
S : 彩度 ( 58% )
(0%) 渋い ~ 鮮やか (100%)
0 : #828282 : -58
2 : #858180 : -56
4 : #877f7d : -54
6 : #8a7e7b : -52
8 : #8c7c78 : -50
10 : #8f7b76 : -48
12 : #917973 : -46
14 : #947871 : -44
16 : #96766e : -42
18 : #99756c : -40
20 : #9b7369 : -38
22 : #9e7267 : -36
24 : #a07064 : -34
26 : #a36f62 : -32
28 : #a56d5f : -30
30 : #a86c5d : -28
32 : #aa6a5a : -26
34 : #ad6958 : -24
36 : #af6755 : -22
38 : #b26653 : -20
40 : #b46450 : -18
42 : #b7634e : -16
44 : #b9614b : -14
46 : #bc6049 : -12
48 : #be5e46 : -10
50 : #c15d44 : -8
52 : #c35b41 : -6
54 : #c65a3f : -4
56 : #c8583c : -2
58 : #cb573a : ±0
60 : #cd5537 : +2
62 : #d05435 : +4
64 : #d25232 : +6
66 : #d55130 : +8
68 : #d74f2d : +10
70 : #da4e2b : +12
72 : #dc4c28 : +14
74 : #df4b26 : +16
76 : #e14923 : +18
78 : #e44821 : +20
80 : #e6461e : +22
82 : #e9451c : +24
84 : #eb4319 : +26
86 : #ee4217 : +28
88 : #f04014 : +30
90 : #f33f12 : +32
92 : #f53d0f : +34
94 : #f83c0d : +36
96 : #fa3a0a : +38
98 : #fd3908 : +40
100 : #ff3705 : +42
L : 明度 ( 51% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -50
3 : #0c0503 : -48
5 : #140805 : -46
7 : #1c0c07 : -44
9 : #240f0a : -42
11 : #2c120c : -40
13 : #34160e : -38
15 : #3c1910 : -36
17 : #441c12 : -34
19 : #4d2014 : -32
21 : #552316 : -30
23 : #5d2619 : -28
25 : #652a1b : -26
27 : #6d2d1d : -24
29 : #75301f : -22
31 : #7d3421 : -20
33 : #853723 : -18
35 : #8d3a25 : -16
37 : #953e28 : -14
39 : #9d412a : -12
41 : #a5442c : -10
43 : #ad472e : -8
45 : #b54b30 : -6
47 : #bd4e32 : -4
49 : #c55134 : -2
51 : #cb573a : ±0
53 : #cd5d42 : +2
55 : #cf644a : +4
57 : #d16b52 : +6
59 : #d3725a : +8
61 : #d57962 : +10
63 : #d7806a : +12
65 : #da8772 : +14
67 : #dc8e7a : +16
69 : #de9482 : +18
71 : #e09b8a : +20
73 : #e2a292 : +22
75 : #e4a99a : +24
77 : #e6b0a2 : +26
79 : #e9b7aa : +28
81 : #ebbeb2 : +30
83 : #edc5bb : +32
85 : #efcbc3 : +34
87 : #f1d2cb : +36
89 : #f3d9d3 : +38
91 : #f5e0db : +40
93 : #f8e7e3 : +42
95 : #faeeeb : +44
97 : #fcf5f3 : +46
99 : #fefcfb : +48
CSS入門、作ってます。
text-shadow