#ad631a
RGB
| 赤 | 173 |
|---|---|
| 緑 | 99 |
| 青 | 26 |
HSL
| 色相 | 30° |
|---|---|
| 彩度 | 74% |
| 明度 | 39% |
| 輝度 | 44% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 173, 緑 = 99, 青 = 26 )
HSL ( 色相 = 30°, 彩度 = 74%, 明度 = 39% )
H : 色相 ( 30° )
(0°) 赤～黄～緑～青～紫 (359°)
0 : #ad1a1a : -30
10 : #ad321a : -20
20 : #ad4b1a : -10
30 : #ad631a : ±0
40 : #ad7c1a : +10
50 : #ad951a : +20
60 : #adad1a : +30
70 : #95ad1a : +40
80 : #7cad1a : +50
90 : #63ad1a : +60
100 : #4bad1a : +70
110 : #32ad1a : +80
120 : #1aad1a : +90
130 : #1aad32 : +100
140 : #1aad4b : +110
150 : #1aad63 : +120
160 : #1aad7c : +130
170 : #1aad95 : +140
180 : #1aadad : +150
190 : #1a95ad : +160
200 : #1a7cad : +170
210 : #1a63ad : +180
220 : #1a4bad : +190
230 : #1a32ad : +200
240 : #1a1aad : +210
250 : #321aad : +220
260 : #4b1aad : +230
270 : #631aad : +240
280 : #7c1aad : +250
290 : #951aad : +260
300 : #ad1aad : +270
310 : #ad1a95 : +280
320 : #ad1a7c : +290
330 : #ad1a63 : +300
340 : #ad1a4b : +310
350 : #ad1a32 : +320
20 : #ad4b1a : -10
21 : #ad4d1a : -9
22 : #ad501a : -8
23 : #ad521a : -7
24 : #ad551a : -6
25 : #ad571a : -5
26 : #ad5a1a : -4
27 : #ad5c1a : -3
28 : #ad5f1a : -2
29 : #ad611a : -1
30 : #ad631a : ±0
31 : #ad661a : +1
32 : #ad681a : +2
33 : #ad6b1a : +3
34 : #ad6d1a : +4
35 : #ad701a : +5
36 : #ad721a : +6
37 : #ad751a : +7
38 : #ad771a : +8
39 : #ad7a1a : +9
40 : #ad7c1a : +10
S : 彩度 ( 74% )
(0%) 渋い ～ 鮮やか (100%)
0 : #636363 : -74
2 : #656361 : -72
4 : #67635f : -70
6 : #69635d : -68
8 : #6b635b : -66
10 : #6d635a : -64
12 : #6f6358 : -62
14 : #716356 : -60
16 : #736354 : -58
18 : #756352 : -56
20 : #776350 : -54
22 : #79634e : -52
24 : #7b634c : -50
26 : #7d634a : -48
28 : #7f6348 : -46
30 : #816346 : -44
32 : #836344 : -42
34 : #856342 : -40
36 : #876340 : -38
38 : #89633e : -36
40 : #8b633c : -34
42 : #8d633a : -32
44 : #8f6338 : -30
46 : #916336 : -28
48 : #936334 : -26
50 : #956332 : -24
52 : #976330 : -22
54 : #99632e : -20
56 : #9b632c : -18
58 : #9d632a : -16
60 : #9f6328 : -14
62 : #a16326 : -12
64 : #a36324 : -10
66 : #a56322 : -8
68 : #a76320 : -6
70 : #a9631e : -4
72 : #ab631c : -2
74 : #ad631a : ±0
76 : #af6318 : +2
78 : #b16316 : +4
80 : #b36314 : +6
82 : #b56312 : +8
84 : #b76310 : +10
86 : #b9630e : +12
88 : #bb630c : +14
90 : #bd630a : +16
92 : #bf6308 : +18
94 : #c16306 : +20
96 : #c36304 : +22
98 : #c56302 : +24
100 : #c76300 : +26
L : 明度 ( 39% )
(0%) 暗い ～ 明るい (100%)
1 : #040301 : -38
3 : #0d0802 : -36
5 : #160d03 : -34
7 : #1f1205 : -32
9 : #281706 : -30
11 : #311c07 : -28
13 : #3a2109 : -26
15 : #43260a : -24
17 : #4b2b0b : -22
19 : #54300d : -20
21 : #5d360e : -18
23 : #663b0f : -16
25 : #6f4011 : -14
27 : #784512 : -12
29 : #814a13 : -10
31 : #8a4f15 : -8
33 : #925416 : -6
35 : #9b5917 : -4
37 : #a45e19 : -2
39 : #ad631a : ±0
41 : #b6691b : +2
43 : #bf6e1d : +4
45 : #c8731e : +6
47 : #d1781f : +8
49 : #d97d20 : +10
51 : #df8226 : +12
53 : #e0872e : +14
55 : #e18c37 : +16
57 : #e29140 : +18
59 : #e49649 : +20
61 : #e59c52 : +22
63 : #e6a15b : +24
65 : #e8a664 : +26
67 : #e9ab6d : +28
69 : #eab075 : +30
71 : #ecb57e : +32
73 : #edba87 : +34
75 : #eebf90 : +36
77 : #f0c499 : +38
79 : #f1c9a2 : +40
81 : #f2cfab : +42
83 : #f4d4b4 : +44
85 : #f5d9bc : +46
87 : #f6dec5 : +48
89 : #f8e3ce : +50
91 : #f9e8d7 : +52
93 : #faede0 : +54
95 : #fcf2e9 : +56
97 : #fdf7f2 : +58
99 : #fefcfb : +60
CSS入門、作ってます。
text-shadow