#c67171
RGB
赤 | 198 |
---|---|
緑 | 113 |
青 | 113 |
HSL
色相 | 0° |
---|---|
彩度 | 43% |
明度 | 61% |
輝度 | 54% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 198, 緑 = 113, 青 = 113 )
HSL ( 色相 = 0°, 彩度 = 43%, 明度 = 61% )
H : 色相 ( 0° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #c67171 : ±0
10 : #c67f71 : +10
20 : #c68d71 : +20
30 : #c69c71 : +30
40 : #c6aa71 : +40
50 : #c6b871 : +50
60 : #c6c671 : +60
70 : #b8c671 : +70
80 : #aac671 : +80
90 : #9cc671 : +90
100 : #8dc671 : +100
110 : #7fc671 : +110
120 : #71c671 : +120
130 : #71c67f : +130
140 : #71c68d : +140
150 : #71c69c : +150
160 : #71c6aa : +160
170 : #71c6b8 : +170
180 : #71c6c6 : +180
190 : #71b8c6 : +190
200 : #71aac6 : +200
210 : #719cc6 : +210
220 : #718dc6 : +220
230 : #717fc6 : +230
240 : #7171c6 : +240
250 : #7f71c6 : +250
260 : #8d71c6 : +260
270 : #9c71c6 : +270
280 : #aa71c6 : +280
290 : #b871c6 : +290
300 : #c671c6 : +300
310 : #c671b8 : +310
320 : #c671aa : +320
330 : #c6719c : +330
340 : #c6718d : +340
350 : #c6717f : +350
350 : #c6717f : +350
351 : #c6717e : +351
352 : #c6717c : +352
353 : #c6717b : +353
354 : #c67179 : +354
355 : #c67178 : +355
356 : #c67176 : +356
357 : #c67175 : +357
358 : #c67174 : +358
359 : #c67172 : +359
0 : #c67171 : ±0
1 : #c67271 : +1
2 : #c67471 : +2
3 : #c67571 : +3
4 : #c67671 : +4
5 : #c67871 : +5
6 : #c67971 : +6
7 : #c67b71 : +7
8 : #c67c71 : +8
9 : #c67e71 : +9
10 : #c67f71 : +10
S : 彩度 ( 43% )
(0%) 渋い ~ 鮮やか (100%)
1 : #9d9b9b : -42
3 : #9f9999 : -40
5 : #a19797 : -38
7 : #a39595 : -36
9 : #a59393 : -34
11 : #a69191 : -32
13 : #a88f8f : -30
15 : #aa8d8d : -28
17 : #ac8b8b : -26
19 : #ae8989 : -24
21 : #b08787 : -22
23 : #b28585 : -20
25 : #b48383 : -18
27 : #b68181 : -16
29 : #b87f7f : -14
31 : #ba7d7d : -12
33 : #bc7b7b : -10
35 : #be7979 : -8
37 : #c07777 : -6
39 : #c27575 : -4
41 : #c47373 : -2
43 : #c67171 : ±0
45 : #c86f6f : +2
47 : #ca6d6d : +4
49 : #cc6b6b : +6
51 : #ce6969 : +8
53 : #d06767 : +10
55 : #d26565 : +12
57 : #d46363 : +14
59 : #d66161 : +16
61 : #d85f5f : +18
63 : #da5d5d : +20
65 : #dc5b5b : +22
67 : #de5959 : +24
69 : #e05757 : +26
71 : #e25555 : +28
73 : #e45353 : +30
75 : #e65151 : +32
77 : #e84f4f : +34
79 : #ea4d4d : +36
81 : #ec4b4b : +38
83 : #ee4949 : +40
85 : #f04747 : +42
87 : #f24545 : +44
89 : #f44343 : +46
91 : #f64141 : +48
93 : #f83f3f : +50
95 : #fa3d3d : +52
97 : #fc3b3b : +54
99 : #fe3939 : +56
L : 明度 ( 61% )
(0%) 暗い ~ 明るい (100%)
1 : #040101 : -60
3 : #0b0404 : -58
5 : #120707 : -56
7 : #1a0a0a : -54
9 : #210d0d : -52
11 : #281010 : -50
13 : #2f1313 : -48
15 : #371616 : -46
17 : #3e1919 : -44
19 : #451c1c : -42
21 : #4d1f1f : -40
23 : #542121 : -38
25 : #5b2424 : -36
27 : #622727 : -34
29 : #6a2a2a : -32
31 : #712d2d : -30
33 : #783030 : -28
35 : #803333 : -26
37 : #873636 : -24
39 : #8e3939 : -22
41 : #963c3c : -20
43 : #9d3f3f : -18
45 : #a44141 : -16
47 : #ab4444 : -14
49 : #b34747 : -12
51 : #b84c4c : -10
53 : #bb5454 : -8
55 : #be5b5b : -6
57 : #c06262 : -4
59 : #c36969 : -2
61 : #c67171 : ±0
63 : #c97878 : +2
65 : #cc7f7f : +4
67 : #cf8787 : +6
69 : #d28e8e : +8
71 : #d59595 : +10
73 : #d89d9d : +12
75 : #dba4a4 : +14
77 : #deabab : +16
79 : #e0b2b2 : +18
81 : #e3baba : +20
83 : #e6c1c1 : +22
85 : #e9c8c8 : +24
87 : #ecd0d0 : +26
89 : #efd7d7 : +28
91 : #f2dede : +30
93 : #f5e5e5 : +32
95 : #f8eded : +34
97 : #fbf4f4 : +36
99 : #fefbfb : +38
CSS入門、作ってます。
text-shadow