#d5d90d
RGB
赤 | 213 |
---|---|
緑 | 217 |
青 | 13 |
HSL
色相 | 61° |
---|---|
彩度 | 89% |
明度 | 45% |
輝度 | 76% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 213, 緑 = 217, 青 = 13 )
HSL ( 色相 = 61°, 彩度 = 89%, 明度 = 45% )
H : 色相 ( 61° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #d9100d : -60
11 : #d9320d : -50
21 : #d9540d : -40
31 : #d9760d : -30
41 : #d9980d : -20
51 : #d9ba0d : -10
61 : #d5d90d : ±0
71 : #b3d90d : +10
81 : #91d90d : +20
91 : #6fd90d : +30
101 : #4dd90d : +40
111 : #2bd90d : +50
121 : #0dd910 : +60
131 : #0dd932 : +70
141 : #0dd954 : +80
151 : #0dd976 : +90
161 : #0dd998 : +100
171 : #0dd9ba : +110
181 : #0dd5d9 : +120
191 : #0db3d9 : +130
201 : #0d91d9 : +140
211 : #0d6fd9 : +150
221 : #0d4dd9 : +160
231 : #0d2bd9 : +170
241 : #100dd9 : +180
251 : #320dd9 : +190
261 : #540dd9 : +200
271 : #760dd9 : +210
281 : #980dd9 : +220
291 : #ba0dd9 : +230
301 : #d90dd5 : +240
311 : #d90db3 : +250
321 : #d90d91 : +260
331 : #d90d6f : +270
341 : #d90d4d : +280
351 : #d90d2b : +290
51 : #d9ba0d : -10
52 : #d9be0d : -9
53 : #d9c10d : -8
54 : #d9c40d : -7
55 : #d9c80d : -6
56 : #d9cb0d : -5
57 : #d9cf0d : -4
58 : #d9d20d : -3
59 : #d9d50d : -2
60 : #d9d90d : -1
61 : #d5d90d : ±0
62 : #d2d90d : +1
63 : #cfd90d : +2
64 : #cbd90d : +3
65 : #c8d90d : +4
66 : #c4d90d : +5
67 : #c1d90d : +6
68 : #bed90d : +7
69 : #bad90d : +8
70 : #b7d90d : +9
71 : #b3d90d : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #747472 : -88
3 : #76766f : -86
5 : #78786d : -84
7 : #7b7b6b : -82
9 : #7d7d68 : -80
11 : #7f7f66 : -78
13 : #818264 : -76
15 : #838462 : -74
17 : #86865f : -72
19 : #88895d : -70
21 : #8a8b5b : -68
23 : #8c8d58 : -66
25 : #8e8f56 : -64
27 : #919254 : -62
29 : #939451 : -60
31 : #95964f : -58
33 : #97994d : -56
35 : #9a9b4b : -54
37 : #9c9d48 : -52
39 : #9ea046 : -50
41 : #a0a244 : -48
43 : #a2a441 : -46
45 : #a5a63f : -44
47 : #a7a93d : -42
49 : #a9ab3b : -40
51 : #abad38 : -38
53 : #aeb036 : -36
55 : #b0b234 : -34
57 : #b2b431 : -32
59 : #b4b62f : -30
61 : #b6b92d : -28
63 : #b9bb2a : -26
65 : #bbbd28 : -24
67 : #bdc026 : -22
69 : #bfc224 : -20
71 : #c2c421 : -18
73 : #c4c71f : -16
75 : #c6c91d : -14
77 : #c8cb1a : -12
79 : #cacd18 : -10
81 : #cdd016 : -8
83 : #cfd214 : -6
85 : #d1d411 : -4
87 : #d3d70f : -2
89 : #d5d90d : ±0
91 : #d8db0a : +2
93 : #dadd08 : +4
95 : #dce006 : +6
97 : #dee203 : +8
99 : #e1e401 : +10
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #050500 : -44
3 : #0e0e01 : -42
5 : #181801 : -40
7 : #212202 : -38
9 : #2b2b03 : -36
11 : #343503 : -34
13 : #3e3f04 : -32
15 : #474804 : -30
17 : #515205 : -28
19 : #5a5c05 : -26
21 : #646506 : -24
23 : #6d6f06 : -22
25 : #777807 : -20
27 : #808208 : -18
29 : #8a8c08 : -16
31 : #939509 : -14
33 : #9d9f09 : -12
35 : #a6a90a : -10
37 : #b0b20a : -8
39 : #b9bc0b : -6
41 : #c2c60c : -4
43 : #cccf0c : -2
45 : #d5d90d : ±0
47 : #dfe30d : +2
49 : #e8ec0e : +4
51 : #eef113 : +6
53 : #eef21c : +8
55 : #eff226 : +10
57 : #f0f330 : +12
59 : #f0f339 : +14
61 : #f1f443 : +16
63 : #f2f54d : +18
65 : #f3f556 : +20
67 : #f3f660 : +22
69 : #f4f66a : +24
71 : #f5f773 : +26
73 : #f5f77d : +28
75 : #f6f887 : +30
77 : #f7f990 : +32
79 : #f8f99a : +34
81 : #f8faa3 : +36
83 : #f9faad : +38
85 : #fafbb7 : +40
87 : #fafbc0 : +42
89 : #fbfcca : +44
91 : #fcfcd4 : +46
93 : #fdfddd : +48
95 : #fdfee7 : +50
97 : #fefef1 : +52
99 : #fffffa : +54
CSS入門、作ってます。
text-shadow